<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Feng shang</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.template.js"></script>
<script type="text/javascript" src="js/jquery.utils.min.js"></script>
<script type="text/javascript" src="js/i18n.js"></script>
<script type="text/javascript" src="js/dbx.js"></script>
<script type="text/javascript" src="js/jquery.ajaxq-0.0.1.js"></script>
<script type="text/javascript" src="js/jquery.dynamic.imports.js"></script>

<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

<link rel="stylesheet" href="css/blitzer/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<link rel="stylesheet" href="css/dbx.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/new-style.css"  type="text/css" media="screen" />

<script type="text/javascript"> 
//http://wonko.com/post/painless_javascript_lazy_loading_with_lazyload
//http://spaceforaname.com/galleryview    try
//http://spaceforaname.com/gallery-light.html

$(document).ready(function() {

	  var js2Load =['js/jquery.form.js'];
	  var css2Load =['css/pagination.css'];

	  $.imports('js',js2Load);
	  $.imports('css',css2Load,loadComplete,'OK');
	  
	  function loadComplete(arg) {
		   alert('loadComplete:'+arg);
	  }
	 
   //  render("modules/menuModule.html","modules/menuModule.json",'menu');       
 
  
 $.extend({
     settings:{
        moduleURL:'/fengshang/moduleService.do',
        moduleTemplate:'modules/templateModule.html'
     },
 	container:{},
 	loadModuleTemplate:function(module,json){
    	 $.get(module, function(data){
		     $.getJSON(json, function(jsonData){
             	$('#sidebar').append($.template(data),jsonData); 
               if(manager.supported) {
              	 sidebar.refresh(true);  
               }
         });
		    });
      }, 
      
    _handler:function(evt,data){
    	   alert(evt.type );
    	   alert(data );
    },

    loadTemplate:function(moduleURL,json,callback){
        $.get(moduleURL, function(templateData){
      	   $('#templateLoader').empty().append($.template(templateData),json); 
      	   if(typeof callback =='function'){
      		  callback(json);
      	   } 
		});
    }, 

    _applyModule:function(module){
   	     $('#sidebar').append(module);
     if(manager.supported){
     	   sidebar.refresh(true);  
   	     }
     	 $('#messageBar').fadeOut(2000).html('');
  	},
  	
  	_loadJS:function(js){
  		$.imports('js',js,function(arg){alert(arg)},'js loaded!!!');
  		// LazyLoad.loadOnce(js, function(arg){alert(arg)}, 'js loaded');
  	},
    
    queueModule:function(moduleId,moduleAction,callbackHandler){
    	 $.ajaxq("Queue",{ 
    	   	  url: $.settings.moduleURL,
    	   	  type: "POST",
    	   	  dataType:'json',
			  data: {module:moduleId,action:moduleAction},
			  cache: false,
			  success: function(json){  
			    $.get($.settings.moduleTemplate, function(data){
		  	  	$('#messageBar').append("Loading..."+moduleId).append('<br/>');
	   	 	    var content=json.moduleContent,type=json.moduleType,mode=json.moduleMode,js=json.templateJs||[],module= $(data)||{};
	   	 	    //set module name
	   	 	    module.find('.dbx-handle').html(''+json.moduleName);
	   	 	    switch(type){
	   	 	     case 0://text module
	   	 	    	 module.find('.BlockContent-body').html(content);
	    	 	     $._applyModule(module);
	    	 	     $._loadJS(js);
		             break;
		             
	   	 	     case 1://menu module TODO
	   	 	    	 //alert(content[0].id);
	   	 	    	 var len=content.length;
	   	 	    	 var t='<div id="'+moduleId+'">';
	   	 	    	 for(var i=0;i<len;i++){
	   	 	    	   var item='<div id="'+moduleId+'_menuItem_'+i+'" class="item">'+content[i].name+'</div>';
	   	 	    	   t+=item;
	    	 	     }
	    	 	     t+='</div>'
	   	 	    	 module.find('.BlockContent-body').html(t);
	    	 	     $._applyModule(module);
	    	 	     $._loadJS(js);
	    	 	     //add css
	    	 	     $('#'+moduleId).find("div.item").each(function(i){
	   	 	    		 $(this).click(function(){
	   	 	    	  	  $('#c_title').html(_('navTitle')+$(this).text());
	   	 	    	  	   $(this).parent().find("div.item").each(function(i){
	   	 	    	  	   	   $(this).removeClass('selected');
	   	 	    	  	   	});
	   	 	    	  	   $(this).addClass('selected');
	   	 	    	  });
	   	 	    	});	
	    	 		//hilight menItems
	    	 	    $("div.item").mouseover(function(){
	    	 	       $(this).addClass('highlight');
	    	 	     }).mouseout(function(){
	    	 	       $(this).removeClass('highlight');
	    	 	    }); 	   
	    	 	    break;
	    	 	    	
	   	 	     case 2://template module
	    	 	      if(mode==0){//silent mode
	    	 	    	   $.loadTemplate(json.moduleTemplate,content,callbackHandler);
	    	 	    	    $._loadJS(js);
	    	 	    	   //return false;
		    	 	  }else{
			    	 	 //normal mode
		    	 	     $.get(json.moduleTemplate, function(data){
			   		          $('#templateLoader').empty().append($.template(data),content).hide(); 
			   		          module.find('.BlockContent-body').html($('#templateLoader').html());
			   		          $._applyModule(module);
			   		          //$.each(js,function(i,n){
			   		          //	  alert( "Item #" + i + ": " + n );
			   		          //});	  
			   		         $._loadJS(js);
			   		      }); 
					  }//end else 
					  break;
					  
		   	 	   default :
				 }
			    
	   	 	     //post callback
	   	 	     if(typeof callbackHandler =='function'){
	   	 	        return callbackHandler(json);
	   	 	     }
						
   	 	     /*
   	 	     $('#sidebar').bind("loadModule", function(){
				  $(this).append(module);
				  that._handler.apply(that,arguments);
		    })
		    $('#sidebar').trigger("loadModule",module);*/
   	 	      
   		  });//end $.get()   
	   }//end sucess
    });//end ajaxq
    } 
})
   
   /*$.ajaxq ("testqueue", { url: '/fengshang/moduleService.do',type: "POST",
   	  data: {module:'aboutModule',action: 3},
      cache: false,success: function(html)  {  alert(html);    }});
   $.ajaxq ("testqueue", { url: "/fengshang/test_2.html",    cache: false,    success: function(html)    { alert(html);    }});
   $.ajaxq ("testqueue", { url: "/fengshang/test_1.html", cache: false,success: function(html)  {  alert(html);    }});
   $.ajaxq ("testqueue", { url: "/fengshang/test_2.html",    cache: false,    success: function(html)    { alert(html);    }});
				*/	  
     $.queueModule('aboutModule');
     $.queueModule('loginModule');
     $.queueModule("servicesModule",'ss');
     $.queueModule("newsModule");
  
   var Yhm = {
	    method :'小样你别跑~~~~',
	    Yalert :function() {
	      alert('原来这样运行的');
	      alert(this.method);
	    }
	}
    
    
    function render(template,json,elementId){
    	 $.get(template, function(data){
		     $.getJSON(json, function(jsonData){
             	$("#"+elementId).html($.template(data),jsonData);
         });
		 });
    }

 
	 function initPagination() {
                var num_entries = $('#hiddenresult div.result').length;
                // Create pagination element
                $("#Pagination").pagination(5, {
                    num_edge_entries: 2,
                    num_display_entries: 8,
                    callback: pageselectCallback,
                    items_per_page:1
                });
   }
   function pageselectCallback(page_index, jq){
                var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
                $('#paginatorResult').empty().append(new_content);
                return false;
  }
  
 
 
	 
  $('#hiddenresult').load('snippet.html', null, initPagination);           
	/*	
	 $import("css","jpage/theme/white/css/jpage.css");
	 $import("js","jpage/jquery.jpage.js");
	 var initData = [
			'<span class="orderid">{id}.</span> 多国华人华侨举行反“藏独”游行 视频 专题 <br/>',
			'<span class="orderid">{id}.</span> 组图：西藏警方悬赏通缉打砸抢烧疑犯 <br/>'
			];
	 $('#pagetest6').jpage({themeName:'white',totalRecord:40,dataStore:initData,showMode:'full'});
	*/
	
    
    //alert($('#banner').width());
    
      //////////
    $("#top-nav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
		$("#top-nav li").each(function() { //For each list item...
			var linkText = $(this).find("a").html(); //Find the text inside of the a tag
			$(this).find("span").show().html(linkText); //Add the text in the span tag
		}); 
		
		$("#top-nav li").hover(function() {	//On hover...
			$(this).find("span").stop().animate({ 
				marginTop: "-40" //Find the span tag and move it up 40 pixels
			}, 250);
		} , function() { //On hover out...
			$(this).find("span").stop().animate({
				marginTop: "0" //Move the span back to its original state (0px)
			}, 250);
		});
	 
});
</script>
<style type="text/css">	
	input.text {
	width: 95%;
	margin: 4px 5px 4px 5px;
	background-color: #E6E6E6;
}

.text-readonly {
	width: 50%;
	margin: 3px 5px 3px 5px;
	background-color: #E6E6E6;
}

.btn {
	margin: 3px 1px 3px 5px;
	background-color: #E6E6E6;
}

.btn-fix {
	margin: 3px 3px 3px 1px;
}
 label {
	width: 140px;
	height: 32px;
	margin: 2px 2px 2px 2px;
	background-color: #FAFAF8;
	float: left;
	font-weight: bold;
	line-height:30px;
	color: #666;
}

fieldset {  
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-div-textbox {
	height: 32px;
	width: 320px;
	float: left;
	background-color: #F5F4F0;
	margin: 2px 0px 2px 0px;
}

.form-div-tip {
	width: 154px;
	height: 32px;
	margin: 2px 0px 2px 2px;
	background-color: #FAFAF8;
	line-height:30px;
	float: left;
}

.form-div-row {
	height: 34px;
	clear: both;
}

#registerDialog h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

.hide {
	display: none;
}

.form {
	margin: 0;
	padding: 0;
}

.red {
	color: red;
}

.green {
	color: green;
}

div.grid-layout {
	overflow: hidden;
	width: 100%;
}
 input{margin:8px 0px 0px 4px;}
 
 
/*Round Corner BEGIN*/
.nifty{ margin: 0 auto;background: #992123; width:40%;}
.nifty .content { padding:0 10px; }
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height:1px;overflow:hidden; background:#992123}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/*Round Corner END*/


.strike { text-decoration: line-through; }

/** seachBox**/

#searchfield
{
	background: #fff url(images/form-field-bg.gif) no-repeat;
	height: 17px;
	width: 106px;
	margin: 6px 5px 0px 2px;
	color: #999999;
	border: 1px solid;
}

#news-container {
 position: relative;
 width: 120px;
 height: 200px;
 overflow: hidden;
}

#news-scroller{
  padding: 0;

}

#banner{
  z-index: -2;
	border: 1px solid;
	height: 200px;
	margin: 0px 14px 4px 8px;
}



</style>	
</head>
<body>

<div id="wrapper">
	<div id="header">
		<div id="menu">
		</div><!-- end of menu -->
	</div><!-- end of header -->
</div><!-- end of header-wrapper -->


<div id="page">
  <div id="banner">
  	<div style="z-index:-1">
		<embed name="Movie1" src="banner.swf" width="846" height="200" border="0" align="left" quality="high"  wmode="transparent" type="application/x-shockwave-flash"></embed>
		</div>
   </div>
   
   <DIV class="nav-container">
		<UL id="top-nav" class="menu">
			<LI><A href="#">首页</A></LI>
			<LI><A href="#">关于我们</A></LI>
			<LI><A href="#">婚庆服务</A></LI>
			<LI><A href="#">新人乐园</A></LI>
			<LI><A href="#">影视制作</A></LI>
			<LI><A href="#">场地布置</A></LI>
			<LI><A href="#">新娘化妆</A></LI>
			<LI><A href="#">特色婚礼</A></LI>
			<LI><A href="#">豪华婚车</A></LI>
			<LI><A href="#">联系我们</A></LI>
			<LI><A href="#">客户留言</A></LI>
			<LI><A href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</A></LI>
		</UL>
	</DIV>
  <div id="messageBar" class="loading"></div>
	<div id="content">
	
	<!-- begin of c_content-->	
	<div id="c_content" class="content-header" style="padding-top: 8px">
		<h2 id="c_title" class="title">About Fengshang</h2>
		<p class="date">01/23/2009</p>
 
		<div class="content-border">
		<div class="content-inner">
			<div id="c_content_body" class="content-body">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
				sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet
				dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam
				augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam
				pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.
				Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu
				wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus.
				Mauris et mauris. Duis sed massa id mauris pretium venenatis.
				Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus
				nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros
				volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</p>
			</div>
		  <!--div class="content-meta"><a href="#">Read More</a></div-->
		</div><!-- end of content-inner-->
		</div><!-- end of content-border-->
	</div><!-- end of c_content-->
	
 
	
	<div id="c2" class="content-header" style="padding-top: 8px">
		<h2 class="title">Guest Messages</h2>
		<p class="date">09.20.09</p>
 
	    <div class="content-border">
			<div class="post-body">
 
				<div class="PostMetadataHeader"> 
				<div class="HeaderTitle">sssssssssssssssssssss</div> 
				<div class="PostHeaderIcons metadata-icons"> 
					<img src="img/PostDateIcon.png" width="17" height="18" alt="PostDateIcon" />October 17th, 2008 | <img src="img/PostAuthorIcon.png" width="14" height="14" alt="PostAuthorIcon" />Author: <a href="#" title="Author">Theme Admin</a> 
					|<img src="img/PostCommentsIcon.png" width="17" height="18" alt="PostDateIcon" />Reply
		    </div> 
		    </div> 
		 

			<div class="content-body">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
				sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet
				dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam
				augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam
				pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.
				Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu
				wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus.
				Mauris et mauris. Duis sed massa id mauris pretium venenatis.
				Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus
				nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros
				volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</p>
			</div>
			
			<div class="close"></div>
			 
			  <div style="padding:6px 0px 6px 0px;"><!-- comment1-->
				  <div class="PostMetadataHeader"> 
						<div class="PostHeaderIcons metadata-icons"> 
							<img src="img/PostDateIcon.png" width="17" height="18" alt="PostDateIcon" />October 17th, 2008 | <img src="img/PostAuthorIcon.png" width="14" height="14" alt="PostAuthorIcon" />Author: <a href="#" title="Author">Theme Admin</a> 
							
				    </div> 
			    </div>
 					<div class="comment"> sssss</div>
 					
		    </div> <!-- end of comment1-->
		    
		    <br/>
			  <div><!-- comment1-->
				  <div class="PostMetadataHeader"> 
						<div class="PostHeaderIcons metadata-icons"> 
							<img src="img/PostDateIcon.png" width="17" height="18" alt="PostDateIcon" />October 17th, 2008 | <img src="img/PostAuthorIcon.png" width="14" height="14" alt="PostAuthorIcon" />Author: <a href="#" title="Author">Theme Admin</a> 
				    </div> 
			    </div>
 					<div class="comment"> sssss</div>
 					
		    </div> <!-- end of comment1-->
		    
			  
			  		<div id="wrapper" style="margin-top:40px"><!-- paginator -->
							  <div style="border: solid 1px #D4CCAA;padding:3px 2px 2px 3px;height:24px;background:#FBF0F1;"><div id="Pagination" class="pagination" ></div></div>
							  <div style="clear:both;">
							   <div id="paginatorResult">ss</div>
							  </div>
							  <!-- Container element for all the Elements that are to be paginated -->
							   <div id="hiddenresult" style="display:none;">
							  </div>
            </div>	<!-- /paginator -->
			  
			</div><!-- end of content-inner-->
				
			</div><!-- end of content-border-->
			

	</div><!-- end of c1-->
	</div><!-- end of content -->
 
 
 
<div class="dbx-group" id="sidebar"></div>
<!--end of dbx-group--> <!-- end #sidebar -->	


<div style="clear: both;">&nbsp;</div>

</div><!-- end #page -->

  

<div style="display:'none'" id="templateLoader"></div>
<div id="footer">
<p class="copyright">版权所有2009 &copy;&nbsp;&nbsp;  北京&nbsp;&bull;&nbsp;峰尚庆典服务&nbsp;&bull;&nbsp;邮箱：fengshang@126.com&nbsp;&bull;&nbsp;京ICP备09030983号&nbsp;&bull;&nbsp; Design by XXX</p>
<p class="link"><a href="#">Privacy Policy</a>&nbsp;&#8226;&nbsp;<a href="#">Terms of Use</a></p>
</div>

<!-- end #footer -->
<!--div id="bottom-bg"><img src="images/img07.gif" alt="" /></div>
<div id="footer">
	<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>

</div-->
<script type="text/javascript" src="js/dbx-key.js"></script>
<script type="text/javascript" src="js/jscroller-0.4.js"></script>

<script>
function loadModuleSilent(module,json,callback){
	 $.get(module, function(data){
	     $.getJSON(json, function(jsonData){
        	$('#templateLoader').append($.template(data),jsonData); 
	         if(typeof callback =='function'){
	           return  callback();
	         }   
   		 });
	 });
}

 function loadModuleWithCallback(module,json,callback){
    	 $.get(module, function(data){
		     $.getJSON(json, function(jsonData){
		     	    //var html=$("#templateLoader").html($.template(data),jsonData);
             	$('#sidebar').append($.template(data),jsonData); 
               if(manager.supported) {
              	 sidebar.refresh(true);  
               }
              if(typeof callback =='function'){
                return  callback();
              }   
         });
		 });
    }
</script>
</body>
</html>
